<template>
  <div class="hotkey_container">
    热门城市：
    <a href="javascript:;" @click="changeCity('北京')">北京</a>
    <a href="javascript:;" @click="changeCity('上海')">上海</a>
    <a href="javascript:;" @click="changeCity('广州')">广州</a>
    <a href="javascript:;" @click="changeCity('深圳')">深圳</a>
  </div>
</template>

<script>
export default {
  props: [

  ],
  methods: {
    changeCity (city) {
      this.$emit('cityName', city)
    }
  }
}
</script>

<style lang="less" scoped>
.hotkey_container {
  margin: 6px 0 0 2px;
}

.hotkey_container a {
  font-size: 14px;
  color: #666;
  padding-right: 15px;
}
</style>
